<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<title>AgroPortfolio</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="shortcut icon" href="images/farmer.ico">
        <link rel="stylesheet" href="assets/css/jquery-ui.css">
        <link rel="stylesheet" href="assets/css/uimenu_modification.css">
        <link rel="stylesheet" href="assets/css/index.css">
        <script src="assets/lib/jquery-2.1.1.js" type="text/javascript"></script>
		<script src="assets/lib/jquery-ui-1.11.0.min.js"></script>
        <script>
			$(function() {
				$( ".index-menu ul" ).addClass("ui-corner-all").menu();
				$( ".index-menu ul li a" ).addClass("hyperlink-none");
				$( "table tr td img" ).hide().fadeIn(700);
				$( "table tr td:last" ).hide().show("slide",1100);
				$( ".index-menu" ).show("drop",700);				
			});
		</script>
    </head>
    <body>
   		<div class="container">
            <div class="ui-widget-header ui-corner-all">
            	<table>
                	<tr>
                    	<td width="137" align="center">
                            <img src="images/APC_logo.png" width="120"/>
                        </td>
                        <td width="849" class="header-text">
                            <p>AgroPortfolio.com</p>
                       	</td>
                	</tr>
                </table>
            </div>
            <div hidden="true" class="index-menu ui-widget ui-widget-content ui-corner-all index-content"> 
                <h3 style="background-color:#ECF4FF">AP template's mockups</h3>
                <ul style="width:200px">
                    <li><a href="HomePage.html">1. HomePage</a></li>
					<li><a href="ContentPage.html">2. ContentPage</a></li>
                    <li><a href="InvestPage.html">3. InvestPage</a></li>
                </ul>
		<h3 style="background-color:#ECF4FF">AP component's mockups</h3>
                <ul style="width:400px">
                    <li><a href="farmerInformationCarousel.html">1. farmerInformation (carousel)</a></li>
                    <li><a href="farmerInformationVideo.html">2. farmerInformation (video)</a></li>
                    <li><a href="findAFarmer.html">3. findAFarmer</a></li>
					<li><a href="farmersListingMapList.html">4. farmersListing (map and listing)</a></li>
                    <li><a href="farmersListingEnlargedMap.html">5. farmersListing (enlarged map)</a></li>
                    <li><a href="investorRegistration.html">6. investorRegistration</a></li>
                    <li><a href="investorLogin.html">7. investorLogin</a></li>
                    <li><a href="invest.html">8. invest</a></li>
					<li><a href="investorPortfolio.html">9. investorPortfolio</a></li>
                </ul>
            </div>
        </div>
    </body>
</html>
